{extend name="common/base" /}
<!--title-->
{block name="titlekeyword"}
<title>{$content}</title>

{/block}
<!--代码主要内容-->
{block name="main"}
<h6>内容</h6>
<img src="__ROOT__/static/index/img/2.jpg" id="myimg" style="width:500px;height:200px"/>
<h6>代码</h6>
<pre>
		页面部分

		&lt;img src="__ROOT__/static/index/img/2.jpg" id="myimg" /&gt;
		
		js部分
		&lt;script language="javascript"&gt;
		
			var n = 1;
			function runChild() {
				//得到img对象
				var myimg = document.getElementById("myimg") //因为id是唯一的，所以可以这吗写。
				myimg.src = "__ROOT__/static/index/img/" + ((n++ % 4) + 1) + ".jpg"  //图片名用1-3表示 再拼接.jpg文件
			}
			setInterval("runChild()", 1000);//是window对象，可以省略
		
		
		
		&lt;/script&gt; 

	 </pre> {/block}
<!--底部js 在这里是js的实际代码区-->
{block name="footjs"}
<script language="javascript">

	var n = 1;
	function runChild() {
		//得到img对象
		var myimg = document.getElementById("myimg") //因为id是唯一的，所以可以这吗写。
		myimg.src = "__ROOT__/static/index/img/" + ((n++ % 4) + 1) + ".jpg"  //图片名用1-3表示 再拼接.jpg文件
	}
	setInterval("runChild()", 1000);//是window对象，可以省略



</script> {/block}